
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="/plan/caigou/css/add.css"/>
    <script type="text/javascript" src="/plan/caigou/js/jquery.1.9.1.js" ></script>
    <script type="text/javascript" src="/plan/caigou/js/layer.js" ></script>
    <link rel="stylesheet" type="text/css" href="/plan/caigou/css/layer.css"/>
    <script type="text/javascript" src="/plan/caigou/js/iScroll.js" ></script>
    <script type="text/javascript" src="/plan/caigou/js/Mdate.js" ></script>
    <link rel="stylesheet" href="/plan/caigou/css/Mdate.css" />
    <script type="text/javascript" src="/plan/caigou/js/rem.js" ></script>
    <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

    <title>新增仓库</title>
</head>
<style>
    .pay{width: 100%;height: 0.98rem;line-height: 0.98rem;}
</style>
<body>
<form id="form2" action="" enctype="multipart/form-data"  method="post">
    <ul class="order_money" style="padding: 0 0.3rem;background: #fff;">
        <li>
            <span class="chang">仓库名称</span>
            <input type="text" name="" id="storename" value="" />
            <span class="bitian">必填</span>
        </li>
        <li>
            <span class="num">仓库编号</span>
            <input type="text" name="" id="bianhao" readonly value="{$bh}" />
        </li>
        <li class="caigou" id="leixing">
            <span class="fen">类型</span>
            <span class="jt"></span>
            <span class="caigou3"></span>
            <span class="bitian2">必填</span>
            <input type="hidden" id="lx" value="">
        </li>
        <ul class="caigou2" id="lxshow">
            <li dataid="0">公司</li>
            <li dataid="1">个人</li>

        </ul>
        <li class="fengongsi" id="gongsi1" style="display: none">
            <span class="fen">分公司</span>
            <span class="jt"></span>
            <span class="caigou"></span>
            <span class="bitian2">必填</span>
            <input type="hidden" id="gongsi3" value="">
        </li>
            <ul class="caigou2" id="gongsi2">
            {volist name="groupList" id="vo"}
                 <li dataid="{$vo.id}">{$vo['name']}</li>
              {/volist}
            </ul>
        <li class="fengongsi" id="user1" style="display: none">
            <span class="fen">个人</span>
            <span class="jt"></span>
            <span class="caigou"></span>
            <span class="bitian2">必填</span>
            <input type="hidden" name="" id="user2" value="">
        </li>
        <li style="overflow: hidden;">
            <span class="address">地址</span>
            <textarea id="address" placeholder="请输入地址"></textarea>
        </li>
    </ul>
    <div class="contact">负责人信息</div>
    <ul class="beizhu">
        <li id="user3">
            <span class="fen">姓名</span>
            <span class="jt"></span>
            <span class="caigou"></span>
            <span class="bitian2">必填</span>
            <input type="hidden" name="" id="xm3" value="">
        </li>

        <li>
            <span class="money">手机号</span>
            <input type="number" name="" id="mobile" value="" placeholder="请输入手机号" />
        </li>
        <li id="user4">
            <span class="fen">对接人</span>
            <span class="jt"></span>
            <span class="caigou"></span>
            <span class="bitian2">必填</span>
            <input type="hidden" name="" id="xm4" value="">
        </li>

        <li style="height: 2.3rem;">
            <p class="title">单据备注</p>
            <textarea class="bei" style="height: 1.3rem;" ></textarea>
        </li>
    </ul>
    <div class="button">
        <input class="pay" type="button" name="" id="sub" value="保存" />
    </div>

</form>
<script>//提交表单
wx.config({$json});
wx.checkJsApi({
    jsApiList: ['selectEnterpriseContact','openEnterpriseChat'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
    success: function(res) {
        // 以键值对的形式返回，可用的api值true，不可用为false
        // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
        alert(res)
    }
});
wx.ready(function(){

    document.querySelector('#user1').onclick = function () {


        wx.invoke("selectEnterpriseContact", {
                "fromDepartmentId": 0,// 必填，-1表示打开的通讯录从自己所在部门开始展示, 0表示从最上层开始
                "mode": "single",// 必填，选择模式，single表示单选，multi表示多选
                "type": ["department", "user"],// 必填，选择限制类型，指定department、user中的一个或者多个
                "selectedDepartmentIds": [],// 非必填，已选部门ID列表。用于多次选人时可重入
                "selectedUserIds": []// 非必填，已选用户ID列表。用于多次选人时可重入
            },function(res){
                if (res.err_msg == "selectEnterpriseContact:ok")
                {
                    if(typeof res.result == 'string')
                    {
                        alert('不兼容');
                        res.result = JSON.parse(res.result) //由于目前各个终端尚未完全兼容，需要开发者额外判断result类型以保证在各个终端的兼容性
                    }
                    var selectedDepartmentList = res.result.departmentList;// 已选的部门列表
                    for (var i = 0; i < selectedDepartmentList.length; i++)
                    {
                        var department = selectedDepartmentList[i];
                        var departmentId = department.id;// 已选的单个部门ID
                        var departemntName = department.name;// 已选的单个部门名称
                    }
                    var selectedUserList = res.result.userList; // 已选的成员列表
                    for (var i = 0; i < selectedUserList.length; i++)
                    {
                        var user = selectedUserList[i];
                        var userId = user.id; // 已选的单个成员ID
                        var userName = user.name;// 已选的单个成员名称
                        var userAvatar= user.avatar;// 已选的单个成员头像
                    }
                    $("#user1").find('span').eq(2).html(userName);
                    $("#user2").val(userId);
                    $("#xm3").val(userId);
                    $("#user3").find('span').eq(2).html(userName)


                }
            }
        );
    }

    document.querySelector('#user3').onclick = function () {


        wx.invoke("selectEnterpriseContact", {
                "fromDepartmentId": 0,// 必填，-1表示打开的通讯录从自己所在部门开始展示, 0表示从最上层开始
                "mode": "single",// 必填，选择模式，single表示单选，multi表示多选
                "type": ["department", "user"],// 必填，选择限制类型，指定department、user中的一个或者多个
                "selectedDepartmentIds": [],// 非必填，已选部门ID列表。用于多次选人时可重入
                "selectedUserIds": []// 非必填，已选用户ID列表。用于多次选人时可重入
            },function(res){
                if (res.err_msg == "selectEnterpriseContact:ok")
                {
                    if(typeof res.result == 'string')
                    {
                        alert('不兼容');
                        res.result = JSON.parse(res.result) //由于目前各个终端尚未完全兼容，需要开发者额外判断result类型以保证在各个终端的兼容性
                    }
                    var selectedDepartmentList = res.result.departmentList;// 已选的部门列表
                    for (var i = 0; i < selectedDepartmentList.length; i++)
                    {
                        var department = selectedDepartmentList[i];
                        var departmentId = department.id;// 已选的单个部门ID
                        var departemntName = department.name;// 已选的单个部门名称
                    }
                    var selectedUserList = res.result.userList; // 已选的成员列表
                    for (var i = 0; i < selectedUserList.length; i++)
                    {
                        var user = selectedUserList[i];
                        var userId = user.id; // 已选的单个成员ID
                        var userName = user.name;// 已选的单个成员名称
                        var userAvatar= user.avatar;// 已选的单个成员头像
                    }
                    $("#xm3").val(userId);
                    $("#user3").find('span').eq(2).html(userName)


                }
            }
        );
    }

    document.querySelector('#user4').onclick = function () {


        wx.invoke("selectEnterpriseContact", {
                "fromDepartmentId": 0,// 必填，-1表示打开的通讯录从自己所在部门开始展示, 0表示从最上层开始
                "mode": "multi",// 必填，选择模式，single表示单选，multi表示多选
                "type": ["department", "user"],// 必填，选择限制类型，指定department、user中的一个或者多个
                "selectedDepartmentIds": [],// 非必填，已选部门ID列表。用于多次选人时可重入
                "selectedUserIds": []// 非必填，已选用户ID列表。用于多次选人时可重入
            },function(res){
                if (res.err_msg == "selectEnterpriseContact:ok")
                {
                    if(typeof res.result == 'string')
                    {
                        alert('不兼容');
                        res.result = JSON.parse(res.result) //由于目前各个终端尚未完全兼容，需要开发者额外判断result类型以保证在各个终端的兼容性
                    }
                    var selectedDepartmentList = res.result.departmentList;// 已选的部门列表
                    for (var i = 0; i < selectedDepartmentList.length; i++)
                    {
                        var department = selectedDepartmentList[i];
                        var departmentId = department.id;// 已选的单个部门ID
                        var departemntName = department.name;// 已选的单个部门名称
                    }
                    var selectedUserList = res.result.userList; // 已选的成员列表
                    let userIds=[];
                    let userNames=[];
                    for (var i = 0; i < selectedUserList.length; i++)
                    {
                        let user = selectedUserList[i];
                        userIds.push(user.id) // 已选的单个成员ID
                        userNames.push(user.name);
                    }
                    userIds.join(',');
                    userNames.join(',');

                    $("#xm4").val(userIds);
                    $("#user4").find('span').eq(2).html(userNames)


                }
            }
        );
    }

});
$(function () {
    $("#sub").click(function () {

        let data = {};
        if ($("#storename").val()==''){
            layer.open({
                content:'仓库名称不能为空' ,
                skin: 'msg',
                time: 2 //2秒后自动关闭
            });
            return false;
        }
        data.gname=$("#storename").val();
        if($("#lx").val()==''){
            layer.open({
                content:'类型必须选择' ,
                skin: 'msg',
                time: 2 //2秒后自动关闭
            });
            return false;
        }
        data.type=$("#lx").val();
        if (data.type==0){
            if ($("#gongsi3").val()==''){
                layer.open({
                    content:'必须选择公司' ,
                    skin: 'msg',
                    time: 2 //2秒后自动关闭
                });
                return false;

            }
            data.dep = $("#gongsi3").val();
        } else{
           data.dep=0;

        }
        if ($("#address").val()==''){
            layer.open({
                content:'地址必填' ,
                skin: 'msg',
                time: 2 //2秒后自动关闭
            });
            return false;
        }
        data.address=$("#address").val();
        if ($("#xm3").val()==''){
            layer.open({
                content:'负责人必选' ,
                skin: 'msg',
                time: 2 //2秒后自动关闭
            });
            return false;
        }
        data.manger=$("#xm3").val();
        // if ($("#mobile").val()==''){
        //     layer.open({
        //         content:'手机号必填' ,
        //         skin: 'msg',
        //         time: 2 //2秒后自动关闭
        //     });
        //     return false;
        // }
        // if (!/^1[3456789]\d{9}$/.test($("#mobile").val())) {
        //     layer.open({
        //         content:'手机格式错误' ,
        //         skin: 'msg',
        //         time: 2 //2秒后自动关闭
        //     });
        //     return false;
        // }
        // data.mobile=$("#mobile").val();
        if ($("#xm4").val()==''){
            layer.open({
                content:'请选择对接人' ,
                skin: 'msg',
                time: 2 //2秒后自动关闭
            });
            return false;
        }
        data.docking=$("#xm4").val();

        data.remark=$(".bei").val();
        layer.open({type: 2,  shadeClose: false});
        $.ajax({
            type:"post",
            url:"/index/store/add_store",
            data:data,
            success:function (data) {
                layer.closeAll()
                layer.open({
                    content:'添加成功' ,
                    skin: 'msg',
                    time: 2 //2秒后自动关闭
                });
                setTimeout(function () {
                    location.href="/index/store/store_list";
                },600);

            }

        })

    })
    $("#leixing").click(function () {
        $('#lxshow').slideDown();

    })
    $("#gongsi1").click(function () {
        $("#gongsi2").slideDown();
    })
    $("#gongsi2 li").click(function () {
        let dep = $(this).attr("dataid");
        $("#gongsi3").val(dep);
        $("#gongsi1").find('span').eq(2).html($(this).html())
        $("#gongsi2").slideUp();

    })
    $("#lxshow li").click(function () {
        let types = $(this).attr("dataid");
        if (types==0){
            $("#gongsi1").show();
            $("#user1").hide();
        } else{
            $("#gongsi1").hide();
            $("#user1").show();
        }
        $("#leixing").find('span').eq(2).html($(this).html());
        $("#lx").val(types);
        $("#leixing").find('span').eq(3).hide();
        $('#lxshow').slideUp();

    })
})
</script>
</body>
</html>
